@extends('mobile.common.main')
@section('css')
<link rel="stylesheet" href="/css/m/mjgf.css">
<link rel="stylesheet" href="/css/m/common_product.css">
<link rel="stylesheet" href="/css/m/pxhd.css">
@endsection
@section('container')
<style>
    .tw-pos {
        position: relative;
    }

    .tw-pos .txt {
        position: absolute;
        left: 0;
        right: 0;
        font-size: .48rem;
        text-align: center;
        color: #FFF;
        bottom: 1.5rem;
    }
</style>
<div class="banner" style="position:absolute;top:.85rem">
    <div class="tw-pos">
        <img src="/img/m/huodong/pixie.jpg">
        <div class="txt">TANWIN Dynamic<br>碳银动态</div>
    </div>
    <ul class="nav_product">
        <li style="background:rgba(18,183,253,.5);">
            <a href="?id=4">培训类活动</a>
        </li>
        <li>
            <a href="?id=2">研讨类活动</a>
        </li>
        <li>
            <a href="?id=3">外拓类活动</a>
        </li>
        <li>
            <a href="?id=1">考察类活动</a>
        </li>
    </ul>
</div>
<div style="margin-top: 3.8em;">
    <!-- <div class="news">
            <span>新闻报道</span>&nbsp;&nbsp;<span>NEWS</span>
        </div> -->
    @if(isset($listData[0]))
    @foreach ($listData as $key => $val)
    <div class="news_detail">
        <a href="/m/infoT?id={{$val['id']}}">
            <img src="{{$val['picture'].'?x-oss-process=image/resize,w_458,h_264,m_fill'}}">
            <p style="font-size:.34rem;font-family:'PingFangSC-Regular';color:#444;margin-bottom:.32rem;">
                {{$val['title']}}</p>
            <!-- <span class="time">2017-6-25</span><span class="place">浙江杭州</span> -->
        </a>
    </div>
    <div class="line"></div>
    @endforeach
    @endif
</div>
@endsection
@section('script')
<script>
    $('.guanzhu').click(function () {
        $('.cover_ma').show();
    });
    $('.cover_ma').click(function () {
        $(this).hide();
    });
    $('.yzm').click(function (e) {
        e.stopPropagation();
    });
    /*$('.guanzhu').ontouchmove(function (e) {
     e.stopPropagation();
     });*/
    $(window).scroll(function () {
//		console.log(window.scrollY)
        var a = window.scrollY;
        if (a > 42) {
            $('.banner').css({'position': 'fixed', 'top': '0'});
        } else {
            $('.banner').css({'position': 'absolute', 'top': '.86rem'});
        }
    });
</script>
@endsection
